<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*为body添加背景图片*/
        body{
            background: url("../img/bg.png");
        }

        /*中间样式：背景色-白色、宽度400像素、文本水平居中、外边距自动*/
        .a{
            background-color: white;
            width: 400px;
            text-align: center;
            margin: auto;
        }
    </style>
</head>
<body>
<img src="../img/logo.png" alt="">

<div class="a">
    注册详情
    <hr>
    <form action="#" method="get" autocomplete="off">
        <label for="111">用户名:</label>
        <input id="111"  type="text" name="username"><br>

        密码:
        <input type="password" name="password"><br>
        邮箱:
        <input type="email" name="email"><br>
        手机号:
        <input type="tel" name="tel"><br>
        <hr>
        性别:
        <input type="radio" name="sex" value="男">男
        <input type="radio" name="sex" value="女">女
        <input type="radio" name="sex" value="其他">其他<br>
        爱好:
        <input type="checkbox" name="hobby" value="足球">足球
        <input type="checkbox" name="hobby" value="音乐">音乐
        <input type="checkbox" name="hobby" value="睡觉">睡觉<br>
        出生日期:
        <input type="date" name="brithday"><br>
        所在城市:
        <select name="所在城市" >

            <option >请选择</option>
            <option >合肥</option>
            <option >上海</option>
            <option >南京</option>
            <option >杭州</option>
        </select>
        <hr>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </form>
</div>

</body>
</html>